<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>cat</title>
    <link rel="stylesheet" type="text/css" href="css/wiki-lemma-module_1766b4c.css">

    <link rel="stylesheet" type="text/css" href="css/myButton.css">
    <link rel="stylesheet" type="text/css" href="css/info.css">
    <link rel="stylesheet" type="text/css" href="css/main.css">
    <link rel="stylesheet" type="text/css" href="css/shapes.css">
    <link rel="stylesheet" type="text/css" href="css/layout.css">
    <link rel="stylesheet" type="text/css" href="css/nav.css">
    <link rel="stylesheet" type="text/css" href="css/color.css">
    <link rel="stylesheet" type="text/css" href="css/info-list.css">
    <link rel="stylesheet" type="text/css" href="css/contactUs.css">
    <link rel="stylesheet" type="text/css" href="css/comment.css">
    <link rel="stylesheet" type="text/css" href="css/animation.css">

    <link rel="stylesheet" type="text/css" href="css/square.css">
    <link  type="text/css" href="css/font-awesome.min.css"
           rel="stylesheet">
<!--    <link href="//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">-->

</head>
<body class="selection-blue">
<header>
    <h1 class="hover-right-btn hover-text-shadow ">猫猫</h1>
<!--    <a class="box box-200-100  float-right hover-rotate hover-shake" href="animals.html" style="background-color:pink;">返回主页</a>-->

</header>
<nav>
    <div id="nav">
        <!--    ul>li*5>a[href="#"]   tab -->
        <!--    内容 {} ,光标在哪里他就在哪里生成-->
        <ul class="hover-slow">
            <li><a href="animals.html">首页</a></li>
            <li><a class="hover-show selected-nav" href="#">动物分类</a>
                <!--            ul>li*3>a[href="#"]-->
                <ul>
                    <li><a class="selected-nav" href="cat.html">猫</a></li>
                    <li><a href="dog.html">狗</a></li>
                    <li><a href="#">猪</a></li>
                </ul>
            </li>
            <!--            <li><a href="erciyuan.html">去二次元</a></li>-->
            <!--            <li><a href="fantasyTown.html">去幻想乡</a></li>-->

            <li class=""><a  href="腔肠动物门.html">腔肠动物门</a></li>
            <li class=""><a  class="" href="Kingdom.html">界</a></li>
            <li class=""><a  class="" href="脊索模块.html">脊索模块</a></li>

            <!--            <li class=""><a  href="AnimalKingdom.html">动物界</a></li>-->

            <li><a href="aboutUs.html">关于我们</a></li>
            <li><a href="contactUs.html">联系我们</a></li>
            <!--            <li><a href="beautiful.html">魔幻世界</a></li>-->
            <!--            <li><a href="ABYSS.html">阿比斯</a></li>-->
            <!--            <li><a href="contactUs.html">联系我们</a></li>-->
        </ul>
        <div class="" id="currentTime"></div>
    </div>
</nav>
<div class="crumb-nav-container">
    <div class="">
    <i class="fa fa-navicon hover-rotate" style="transform: translateY(5px);"></i>
    </div>
    <section class="crumb-nav hover-right-btn">您现在的位置：<a href="animals.html">首页</a> &gt;&gt;<a href="Kingdom.html">界</a> &gt;&gt;
        <a href="AnimalKingdom.html">动物界</a> &gt;&gt; <a href="cat.html">猫猫</a>
    </section>
</div>


<div class="cols">
    <div class="main-content">
        <!--        <button class="Button SearchBar-askButton Button&#45;&#45;primary Button&#45;&#45;blue" id="goHome">回去主页</button>-->

        <div class="cols">
            <div class="list-box info-list border no-padding">

                <ul class="hover-shadow-list-pink hover-big-list">
                    <li>中文名</li>
                    <li>拉丁学名</li>
                    <li>界</li>
                    <li>门</li>
                    <li>亚    门</li>
                    <li>纲</li>
                    <li>亚    纲</li>
                </ul>
                <ul  class="hover-shadow-list-pink hover-big-list">

                    <li>
                        猫科动物
                    </li>

                    <li>
                        Felidae
                    </li>
                    <li>
                        动物界
                    </li>
                    <li>
                        脊索动物门
                    </li>
                    <li>
                        脊椎动物亚门
                    </li>
                    <li>
                        哺乳纲
                    </li>
                    <li>
                        真兽亚纲
                    </li>
                </ul>


            </div>

            <div class="list-box info-list border no-padding">

                <ul  class="hover-shadow-list-pink hover-big-list">
                    <li>目</li>
                    <li>亚    目</li>
                    <li>科</li>
                    <li>亚    科</li>
                    <li>属</li>
                    <li>种</li>
                    <li>命名者及年代</li>
                    <li>英文名称</li>
                </ul>
                <ul class="width-300 hover-shadow-list-pink hover-big-list">

                    <li>
                        食肉目
                    </li>
                    <li>
                        裂脚亚目
                    </li>
                    <li>
                        猫科
                    </li>
                    <li>
                        2亚科
                    </li>
                    <li>
                        14属
                    </li>
                    <li>
                        38种
                    </li>
                    <li>
                        Fischer de Waldheim, 1817
                    </li>
                    <li>
                        Felines、Cats
                    </li>
                </ul>
            </div>

        </div>
        <h3 class="para-level-3 hover-right-btn">概要</h3>
        <p>
            猫科动物（Felidae）：是哺乳纲、食肉目、猫科动物下的动物。分为2亚科即猫亚科和豹亚科。共有14属38种。体型中、大，躯体均匀，四肢中长，趾行性。头大而圆，吻部较短，视、听、嗅觉均很发达。犬齿及裂齿极发达；上裂齿具三齿尖，下裂齿具2齿尖；臼齿较退化，齿冠直径小于外侧门齿高度。皮毛柔软，常具显著花纹。前足5趾，后足4趾；爪锋利，可伸缩（猎豹属爪不能完全缩回）。尾一般较发达。 </p>
        <p> 猫亚科动物爪能伸缩，体型一般较小，不发出吼声，共有11属；豹亚科爪能伸缩，一般体型较大，能发出吼声。有3属。 </p>
        <p> 猫科动物多数善攀缘及跳跃。大多喜独居。肉食，常以伏击方式捕杀其他温血动物。分布于欧亚大陆 、非洲、美洲的寒带到热带地区，由野猫（Felis
            silvestris）驯化来的家猫（F.s.catus）已被人为带到全世界，很多成为当地入侵物种。 </p>

        <img  class="hover-big"  src="images/catType.jfif">
        <h3 class="para-level-3 hover-right-btn">详细描述</h3>
        通过化石研究得到最古老的真正猫科动物（始猫）生存在始新世的时期。在始新世时，它演化出了假猫。假猫被认为是现存的两个亚科和已灭绝的剑齿虎亚科的共同祖先。较以马刀齿猫为知的这一群动物于更新世后期开始灭绝，其包括了剑齿虎、短剑剑齿虎、恐猫和似剑齿虎。第一种的猫科动物出现在大约三千万年前的渐新世，人们更熟悉的家猫和人类开始有关连则是在千年之前。猫科动物起源于类似猎猫类的原始类型，猎猫类形态和性类似如今的猫科动物而较原始，以前作为猫科动物的一个亚科，如今则多作为独立的猎猫科Nimravidae
        。
        猎猫科占据和猫科类似的生态地位，比较多样化，多数犬齿比较发达，其中有些成员如始剑虎Eusmilus 等发展出了类似剑齿虎的发达的上犬齿，是当时厚皮动物的主要捕食者。
        <h3 class="para-level-3 hover-right-btn">体态毛皮</h3>

        <p> 大多数猫科动物都有斑点，条纹或玫瑰花纹，但其中一些，如美洲狮和狮子皮毛的颜色单一而均匀。有些物种的个体是黑色或几乎接近黑色。 [4] </p>
        <p>
            每当优雅的猫科动物行走时，在它那修长而柔软的身体中强有力的肌肉在柔软又美妙的毛皮下流动着。而当它们停下时，身体的每条曲线都弯成优美的弧线。它们因此时而会给人留下慵懒的印象。而当它们放平它的耳朵一跃而起、亮出它的尖牙利爪进行攻击时，这个印象立刻烟消云散了。 </p>
        <p> 如果和身体的其余部分做个比较，猫科动物的头部显得稍大。由于鼻子和下颌比较短小，和其他动物比起来，它的脸看起来较平，由此它们的耳朵显得大而引人注目。耳朵从根部往上逐渐减小，耳尖或圆或尖，并向上直立。 [5] </p>
        <p>
            猫科动物的体表缺乏汗腺，在趾垫间、掌垫间、唇部、喉部、乳头区和肛门区等处均有发达的汗腺。脂肪腺很小，仅在上颌处。雄性在阴茎包皮处和尾上部较为明显。雌性有围绕肛门的脂肪腺和汗腺。雄性亦有肛门腺，肛门腺主要用来标记领域和用以吸引异性。 </p>
        <p> 猫科动物中，生活在温度最冷的地方的动物皮毛最长（例如雪豹），老虎的皮毛的颜色范围很广，从黑色到橙色再到白色，许多物种的皮毛颜色暗淡，内有玫瑰花结，斑点和条纹，
            可在寻找猎物时达到伪装目的。虽然有些变体（纯黑色）在许多物种中很常见，但完全白色的个体却很少见。单个物种内可能发生大量的颜色变化，新生幼仔的颜色往往与成体不同。
            例如，成年美洲狮很少有斑点，而小仔几乎总是有斑点。通常，猫的腹侧表面趋于苍白，而耳朵的脸部，尾巴和后部通常带有黑色或白色斑纹。 [3] </p>
    </div>

    <div class="blank blank-right">
        <!--图册-->
        <div class="atlas ">
            <a href="https://image.baidu.com/search/index?tn=baiduimage&ps=1&ct=201326592&lm=-1&cl=2&nc=1&ie=utf-8&word=猫科动物"
               title="猫的图片">
                <img class="hover-big"  src="images/cat.jpg" alt="cat"></a>
            <i class="fa fa-picture-o">&nbsp;猫的图片</i>
            <!--            https://fontawesome.dashgame.com/-->
            <!--            <label>狗的图片</label>-->
        </div>
        <img class="hover-big" src="images/tiger.jpg">
        <img class="hover-big"  src="images/lion2.jpg">
        <img class="hover-big"  src="images/lion.jpg">
        <!--        <img src="images/豹子.jpg">-->
        <img class="hover-big"  src="images/豹子2.jpg">
    </div>
    <div class="bg-right"><img src="images/miku_right_col.jpg" alt="miku_right_col"></div>

</div>
<fieldset id="comment" class="main-content">
    <h3 class="para-level-3">评论区</h3>
    <ul class="comment-list" id="commentList">
        <li>
            <fieldset class="people-comment">
                <legend>用户 mqp 有骚话讲了</legend>
<!--                <div>用户名:mqp</div>-->
<!--                <div>mqp</div>-->
                <div>内容</div>
                <div>wrffffffffff</div>
                dahdihaidiahh
                ko no  dio da
                <p>o le sa ma u ci ko shi da </p>
                <p>su wa de lai na </p>
                <!--            faaaaadadadadadafaaaaadad-->
                <button class="box box-5vw comment-btn raise-comment">评论</button>
                <fieldset class="box-margin">
                    <legend>sjc to  mqp </legend>
                    o re wa jo jo
                    <div>
                        <button class="box box-5vw comment-btn del-btn">删除</button></div>
                </fieldset>
                <fieldset class="box-margin comment-to-comment-field">
                    <legend>致亲爱的 mqp </legend>
                    <label>好兄弟 你有什么话要说
                        <textarea class="textarea edge-glow contact-input comment-to-comment "></textarea>
                    </label>
                    <div>
                        <button class="box box-5vw comment-btn hover-shake">提交</button>
                        <input type="hidden" value="miku" name="from">
                        <input type="hidden" value="java" name="to">
                    </div>


                </fieldset>

            </fieldset>
        </li>
        <li>
            <fieldset class="people-comment">
                <legend>用户名</legend>
                <legend>mqp</legend>
                <legend>内容</legend>
                <legend>wrffffffffff</legend>
                <!--            faaaaadadadadadafaaaaadad-->
                <button class="box box-5vw">评论</button>
            </fieldset>
        </li>
        <li>
            <fieldset class="people-comment">
                <legend>用户名</legend>
                <legend>mqp</legend>
                <legend>内容</legend>
                <legend>wrffffffffff</legend>
                <!--            faaaaadadadadadafaaaaadad-->
                <button class="box box-5vw">评论</button>
            </fieldset>
        </li>

    </ul>
    <fieldset>在此处输入你的想法 <label class="col">
        <textarea class="textarea edge-glow contact-input comment-box"></textarea>
    </label>
        <button class="box box-5vw comment-btn hover-shake">提交</button>
    </fieldset>


</fieldset>


<div id="copyright" class="copyright">
    <div>Copyright (C) <a href="animals.html">生物们！</a> 2016-2018, All Rights Reserved | 动物宠爱经营许可证

        <img style="border:0;width:33px;height:33px" src="images/heart.png" alt="Valid CSS!">
    </div>
    <address>通讯地址：杜王町 &nbsp;&nbsp;电话：（010）87878787&nbsp;&nbsp;网管信箱：joske@diamond.jojo.bangumi.com</address>
</div>


<script src="js/button.js" type="text/javascript"></script>
<script src="js/jquery.min.js" type="text/javascript"></script>
<!--<script src="js/getMu.js" type="text/javascript"></script>-->
<script src="js/strutil.js" type="text/javascript"></script>
<script src="js/putComments.js" type="text/javascript"></script>

</body>
</html>